<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>Sell-Bost_Administrar Empleados</title>
        <link rel="stylesheet" href="css/layout.css" type="text/css" />
    </h:head>


    <body id="top">
        <div class="wrapper">
            <div id="header">
                <div id="logo">
                    <img src="Images/logo.jpg" align="left" style="margin: 10px 10px 0px 10px"/>
                    <h1><a href="#">Sell-Boost</a></h1>
                    <p>D.H.D. Software</p>
                </div>
                <div id="topnav">
                    <ul>   
                        <h:panelGroup rendered="#{loginBean.loggedIn}">
                        <li class="active"><a href="Gerentes TI Distribuidores Subdistribuidores Canales.xhtml">Home</a></li>       
                        bienvenido, #{loginBean.other.nombre}
                        </h:panelGroup>
                    </ul>

                </div>
                <br class="clear" />
            </div>
        </div>


        <div class="wrapper">
            <div style="margin: 10px 155px 10px 155px">
               
                <p:panel>  
                    <f:facet name="header">  
                        <center><h3>Administrar Empleados</h3></center>
                    </f:facet> 
                    <!--
<p:selectOneMenu value="#{crudEmpleadosBean.rol}" effect="fade" required="true">  
                                    <f:selectItem itemLabel="Seleccione" itemValue="" />  
                                    <f:selectItems value="#{crudEmpleadosBean.roles}" var="rol" itemLabel="#{crudEmpleadosBean.rol}" itemValue="#{rol}"/>  
                                </p:selectOneMenu> 
-->

                    <p:dialog id="dialogCrear" header="Crear empleado" widgetVar="crear">
                        <h:form>
                            <h:panelGrid columns="2" cellpadding="5" id="CrearUser">

                                <h:outputText value="Nombre: " />  
                                <p:inputText id="nameEmpleadoB" value="#{crudEmpleadosBean.nombre}" required="true"/>
                                
                                
                                <h:outputText value="Rol: " />  
                                <p:inputText id="rolEmpleadoB" value="#{crudEmpleadosBean.rol}" required="true"/>
                                
                                
                                <h:outputText value="ID: " />  
                                <p:inputText id="noFactura" value="#{crudEmpleadosBean.id}" required="true"/> 
                                <h:outputText value="Username: " />  
                                <p:inputText id="usernam" value="#{crudEmpleadosBean.username}" required="true"/> 
                                <h:outputText value="Password: " /> 
                                <p:password id="pass1" value="#{crudEmpleadosBean.password}" required="true" label="Pass1" match="pass2" feedback="true"/>
                                <h:outputText value="Confirmar Password: " /> 
                                <p:password id="pass2" value="#{crudEmpleadosBean.password}" required="true" label="Pass2" feedback="true"/>
                                <p:spacer width="10"/>
                                <h:panelGrid columns="2" cellpadding="20">
                                    <p:commandButton type="submit" value="Crear" action="#{crudEmpleadosBean.crearEmpleado()}"/> 
                                    <p:commandButton type="reset" value="Borrar" /> 
                                </h:panelGrid>
                            </h:panelGrid>
                        </h:form>
                    </p:dialog>



                    <p:dialog id="dialogBuscar" header="Buscar empleado" widgetVar="buscar">
                        <h:form>
                            <h:panelGrid columns="2" cellpadding="5">        
                                <h:outputText value="Nombre: " />  
                                <p:inputText id="nameEmpleadoB" value="#{crudEmpleadosBean.nombre}" />
                                <h:outputText value="Rol: " />  
                                <p:selectOneMenu value="#{crudEmpleadosBean.rol}" effect="fade">  
                                    <f:selectItem itemLabel="Seleccione" itemValue="" />  
                                    <f:selectItems value="#{crudEmpleadosBean.roles}" var="rol" itemLabel="#{crudEmpleadosBean.rol}" itemValue="#{rol}"/>  
                                </p:selectOneMenu> 
                                <h:outputText value="ID: " />  
                                <p:inputText id="noFactura" value="#{crudEmpleadosBean.id}" /> 
                                <h:outputText value="Username: " />  
                                <p:inputText id="usernam" value="#{crudEmpleadosBean.username}" /> 
                                <p:spacer width="10"/>
                                <h:panelGrid columns="2" cellpadding="20">
                                    <p:commandButton type="submit" value="Buscar" action="#{crudEmpleadosBean.buscarEmpleado()}"/> 
                                    <p:commandButton type="reset" value="Borrar" /> 
                                </h:panelGrid>
                            </h:panelGrid>
                        </h:form>
                    </p:dialog>


                    <h4>Seleccionar Empleado</h4>
                    <form>
                    <p:panelGrid columns="2" style="margin-bottom:10px">	
                        <p:selectOneListbox id="basic" value="#{crudEmpleadosBean.resultad}">  
                            <f:selectItem itemLabel="Empleado 1" itemValue="1" />  
                            <f:selectItem itemLabel="Empleado 2" itemValue="2" />  
                            <f:selectItem itemLabel="Empelado 3" itemValue="3" />  
                        </p:selectOneListbox> 
                        <p:panelGrid columns="3" style="margin-bottom:10px">
                            <h:outputText value="Nombre: " />  
                            <p:inputText id="nameEmpleadoF" value="#{Empleado.nombre}" disabled="true"/>
                            <p:inputText id="nameEmpleado" value="#{Empleado.nombre}" />
                            <h:outputText value="ID: " />  
                            <p:inputText id="idEmpleadoF" value="#{Empleado.id}" disabled="true"/>
                            <p:inputText id="idEmpleado" value="#{Empleado.id}" />
                            <h:outputText value="Rol: " />  
                            <p:inputText id="rolEmpleadoF" value="#{Empleado.rol}" disabled="true" />
                            <p:selectOneMenu value="#{Empleado.rol}" effect="fade">  
                                <f:selectItem itemLabel="Seleccione" itemValue="" />  
                                <f:selectItems value="#{crudEmpleadosBean.roles}" var="rol" itemLabel="#{crudEmpleadosBean.rol}" itemValue="#{rol}"/>  
                            </p:selectOneMenu> 
                            <h:outputText value="Username: " />  
                            <p:inputText id="userEmpleadoF" value="#{Empleado.username}" disabled="true"/>
                            <p:inputText id="userEmpleado" value="#{Empleado.username}" />
                            <p:spacer height="10" width="10"/>
                            <p:commandButton type="button" value="Eliminar" action="#{crudEmpleadosBean.eliminar()}" ajax="false"/>
                            <p:commandButton type="button" value="Guardar" action="#{crudEmpleadosBean.crearEmpleado()}" ajax="false"/>
                        </p:panelGrid>
                    </p:panelGrid>	
                    </form>

                    <center>
                        <p:spacer height="20"/>
                        <h:outputLink id="Crear" value="javascript:void(0)" onclick="crear.show()" title="crear">     
                            <p:commandButton id="CrearButton" value="Crear Empleado"/>   
                        </h:outputLink>
                        <h:outputLink id="Buscar" value="javascript:void(0)" onclick="buscar.show()" title="buscar">     
                            <p:commandButton id="BuscarButton" value="Filtrar Empleados"/>   
                        </h:outputLink>
                        <p:spacer height="40"/>
                    </center>
                </p:panel>
                <br class="clear"/>








            </div> 
        </div>


        <div class="wrapper">
            <div id="footer">
                <div id="newsletter">
                    <h2>¡ Contáctenos !</h2>
                    <p>Por favor ingrese su correo para agregarlo a nuestra lista de E-mails</p>
                    <form action="#" method="post">
                        <fieldset>
                            <legend>News Letter</legend>
                            <input type="text" value="Ingrese su correo aca&hellip;"  onfocus="this.value=(this.value=='Enter Email Here&hellip;')? '' : this.value ;" />
                            <input type="submit" name="news_go" id="news_go" value="IR" />
                        </fieldset>
                    </form>
                    <p>Para anular la suscripción <a href="#">click aqui por favor &raquo;</a></p>
                </div>
                <div class="footbox">
                    <h2>Conózcanos</h2>
                    <ul>
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/home">D.H.D.</a></li> 
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/la-empresa">La empresa</a></li> 
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/the-team">Grupo de trabajo</a></li> 
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/Definicin-del-Proyecto">El proyecto</a></li> 
                    </ul>
                </div>
                <br class="clear" />
            </div>
        </div>
        <div class="wrapper">
            <div id="copyright">
                <p class="fl_left">Copyleft 2012 <a href="#">Sell-Boost</a></p>
                <p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
                <br class="clear" />
            </div>
        </div>
    </body>
</html>